<template>
  <div id="app">
   <!-- <Stars size="48" :score="0.6"></Stars>
    <Icon  IconsType="special" :IconType="4"></Icon>-->
    <!--<Pagination @changeCurrentPage="changeCurrentPage"
            :total="100" :pageSize="5" :lxyms="5" :currentPageFromWrap="page">
    </Pagination>-->
    <Header></Header>
    <router-view></router-view>
    <Footer v-show="!$route.meta.hideFooter"></Footer>
  </div>
</template>

<script>
  import Header from "components/Header";
  import Footer from "components/Footer";
  import {mapActions,mapMutations} from "vuex"
  export default {
    name: 'App',
    data(){
      return {
          page:6,
          value:true
      }
    },
    methods:{
        ...mapActions(["getCategoryList","getBanners","getFloors"]),
        changeCurrentPage(page){
            console.log(page);
        }
    },
    components:{
        Header,
        Footer
    },
    created(){
         //在app.vue中我们一般只会去获取主页相关的数据
         //触发获取三级分类内容的action
         this.getCategoryList();
         //触发获取轮播内容的action
         this.getBanners()
         //触发获取楼层内容的action
         this.getFloors()
     },
    mounted(){
       setTimeout(()=>{
           this.page = 9
       },2000)
    }
  }
</script>

<style scoped lang="less">

</style>
